.prose {
  color: bg-popover;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 1em;
}

.prose figcaption {
  font-size: 0.875em;
  color: #6b7280;
  text-align: center;
  margin-top: 0.5em;
}

.prose img {
  margin: 2em auto;
}

.prose p {
  margin-bottom: 1.5em;
}

.prose ul {
  list-style-type: disc;
  margin-left: 2em;
  margin-bottom: 1.5em;
}

.prose ol {
  list-style-type: decimal;
  margin-left: 2em;
  margin-bottom: 1.5em;
}

.prose ul li::marker {
  color: #6b7280;
}

.prose ol li::marker {
  color: #6b7280;
}

.prose li {
  margin-bottom: 0.5em;
}

.prose pre {
  background-color: #e2e8f0!important;
  padding: 1em;
  border-radius: 0.375rem;
  overflow-x: auto;
}

.dark .prose pre {
  background-color: #374151!important;
}

.prose code {
  color: bg-black!important;
  padding: 0.2em 0.4em;
  border-radius: 0.25rem;
  font-size: 0.875em;
}

.prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
}

.prose th {
  background-color: #f9fafb;
  font-weight: 600;
  text-align: left;
  padding: 0.75em;
  border: 1px solid #e5e7eb;
}

.prose td {
  padding: 0.75em;
  border: 1px solid #e5e7eb;
}

.prose tr:nth-child(even) {
  background-color: #f9fafb;
}

.prose tbody tr:hover {
  background-color: #f3f4f6;
}

.prose table caption {
  margin-bottom: 0.75em;
  font-size: 0.875em;
  color: #6b7280;
}